<template>
    <div class="tips">
       <ul>
           <li @click="$router.push('/home')"><i class="iconfont icon-home-copy" ></i><span>首页</span></li>
           <li @click="$router.push('/huiyuan')"><i class="iconfont icon-home-copy" ></i><span>会员中心</span></li>
           <li @click="$router.push('/notice')"><i class="iconfont icon-leimupinleifenleileibie" ></i><span>消息推送</span></li>
           <li @click="$router.push('/order/all')"><i class="iconfont icon-dingdan" ></i><span>我的订单</span></li>
           <li @click="$router.push('/user')"><i class="iconfont icon-renwu" ></i><span>个人中心</span></li>
       </ul>
    </div>
</template>

<style lang="scss" >
  .tips{
      border-radius: 0.05rem;
      z-index: 9999;
        position: absolute;
    background: #464545;
    color: #fff;
    top:0.28rem;
    right:0.18rem;
      &::before{
          border-left: 0.1rem solid #fff;
          border-right:0.1rem solid #fff;
          border-bottom:0.1rem solid #000;
      }
      ul{
        li{
            padding: 0.07rem 0.15rem;
            display: flex;
            justify-content: center;
            align-items: center;
            border-bottom:1px solid #989898;
            &:nth-child(4){
                border: 0;
            }
            span{
                flex:1;
               text-indent: 0.05rem
            }
        }
      }
  }
</style>
